// base color
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;


// sidebar
$menuText:#BABACE;
$menuActiveText:#BABACE;

$menuMargin: 4px 0;
$subMenuMargin: 4px 0;


$menuBg:#2B3042;
$subMenuBg:#2B3042;

// 菜单容器宽度
$sideBarWidth: 240px;
// 菜单容器宽度
$sideBarCollapseWidth: 56px;
// 菜单容器背景
$sidebarContainerBg: #2B3042;

// 菜单 高度
$menuHeight: 36px;
// 次菜单 高度
$subMenuHeight: 28px;

// icon height
$menuIconHeight: 36px;
// icon width
$menuIconWidth: 36px;

// 主菜单 font 大小
$menuTextFont: 14px;
// 次菜单 font 大小
$subMenuTextFont: 14px;

$menuTextFontWeight: bold;
$subMenuTextFontWeight: bold;

// 主菜单 hover 背景
$menuHoverBg: #2B3042;
// 次菜单 hover 背景
$subMenuHoverBg: #2B3042;

// 主菜单 active 背景
$menuActiveBg: #2B3042;
// 次菜单 active 背景
$subMenuActiveBg: #2B3042;

// 主菜单 hover 文字
$menuHoverText: #ffffff;
// 次级菜单文字 hover 文字
$subMenuHoverText: #ffffff;

// 主菜单 active 文字
$menuActiveText: #ffffff;
// 次级菜单 active 文字
$subMenuActiveText: #ffffff;


// 文字颜色
$textLightPrimary: #FFFFFF;
$textLightPrimary: #FFFFFF;



// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;

  menuActiveBg: $menuActiveBg;

  menuHeight: $menuHeight;
  subMenuHeight: $subMenuHeight;
  menuIconHeight: $menuIconHeight;
  menuIconWidth: $menuIconWidth;

  sidebarContainerBg: $sidebarContainerBg;
  sideBarWidth: $sideBarWidth;

  sideBarCollapseWidth: $sideBarCollapseWidth;
  menuTextFont: $menuTextFont;
  subMenuTextFont: $subMenuTextFont;

  menuHoverBg: $menuHoverBg;
  menuHoverText: $menuHoverText;
  subMenuHoverBg: $subMenuHoverBg;
  subMenuHoverText: $subMenuHoverText;
  subMenuActiveBg: $subMenuActiveBg;
  menuActiveBg: $menuActiveBg;

  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  // menuTextHover: $menuTextHover;
  // subMenuTextHover: $menuTextHover;

  menuMargin: $menuMargin;
  subMenuMargin: $subMenuMargin;
  menuTextFontWeight: $menuTextFontWeight;
  subMenuTextFontWeight: $subMenuTextFontWeight;
}
